 import React, { Component } from 'react'

class Child extends Component{
    state={
        title:""
    }
    render(){
        return <div>子组件内容
            <div>child-{this.state.title}</div>
        </div>
    }
    componentWillReceiveProps(nextProps,){
        // 在子组件中写这个才有意义 
        console.log("componentWillReceivePropscomponentWillReceiveProps",this.props.text);
        // this.props.text拿第一次是老的属性
        console.log("最先拿到父组件传来的属性",nextProps);
        //可以利用属性进行ajax或者逻辑处理
        //属性转换成孩子自己的状态
        this.setState({
            title:nextProps.text+"廖子乔"
        })
    }
}
export default class app extends Component {
    state={
        text:"151551515"
    }
  render() {
    return (
      <div>
        {this.state.text}
        <button onClick={()=>{
            this.setState({
                text:"点击更新后"
            })
        }}>点击click</button>
        <Child text={this.state.text}/>
      </div>
    )
  }
}
